;(function() {
    // 姝ラ1锛氬垱寤篹charts瀹炰緥
    let myChart = echarts.init(document.querySelector('.pc-l1'))
  
    // 姝ラ2锛氬畾涔夐厤缃紙鎸囧畾鍥捐〃鐨勯厤缃」鍜屾暟鎹級
    let option = {
      grid: {
        left: 15,
        right: 20,
        top: 50,
        bottom: 10,
      },
      xAxis: [{show: false }],
      yAxis: [
        {
          axisLine: 'none',
          axisLabel: {
            verticalAlign: 'bottom',
            align: 'left',
            padding: [0, 0, 20, 10],
            textStyle: {
              color: '#fff',
              fontSize: 16
            }
          },
          data: ['蜜雪冰城', '蜜雪冰城'],
          inverse: true
        },
        {
          axisLine: 'none',
          data: ['34,29,03.31', '34,29,03.31'],
  
    
          axisLabel: {
            verticalAlign: 'bottom',
            align: 'right',
            padding: [0, 10, 20, 0],
            textStyle: {
              color: '#282828',
              fontSize: '30',
              fontWeight: 'bold',
            },
            formatter: function (value) {
              // return '{x|' + value + '%' + '}'
              return '{x|' + value + '}'
            },
            rich: {
              x: {
                color: '#ff6e1b',
                fontSize: 24,
                fontWeight: 'bold',
              }
            }
          }
        },
        {
          axisLine: 'none',
          data: []
        }
      ],
      series: [
        {
          type: 'bar',
          data: [70, 30],
          barWidth: 8,
          itemStyle: {
            normal: {
              color: {
                colorStops: [
                  {
                    offset: 0,
                    color: "#FF4433",
                  },
                  {
                    offset: 1,
                    color: "rgb(243, 176, 67)",
                  },
                ],
              },
              
              show: true,
              barBorderRadius: 50,
              borderWidth: 1,
              borderColor: "transparent",
            }
          },
        },
        {
          type: 'bar',
          yAxisIndex: 2,
          data: [100, 100],
          barWidth: 8,
          itemStyle: {
            normal: {
              color: 'rgba(255,255,255,.2)',
              show: true,
              barBorderRadius: 50,
              borderWidth: 1,
              borderColor: "transparent",
            }
          },
          z: 0,
        }
      ]
    };
  
    myChart.setOption(option)
  

    window.addEventListener('resize', () => {
        myChart.resize()
    })
  })()